<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/submitOrders.css">
    <title>提交订单</title>
</head>

<body>
    <!-- <header></header> -->
    <div class="header centre">
        <div class="logo">
            <img src="../images/logo.png" alt="大麦">
        </div>
        <div class="recommend-header">
            <a href="" class="header_type">
                首页
            </a>
            <a href="" class="header_type">
                分类
            </a>
        </div>

        <div class="search-header">
            <img src="//img.alicdn.com/tfs/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png" alt="搜索" class="i-search">
            <input class="input-search" placeholder="搜索明星、演出、体育赛事" data-spm="dsearchbtn">
            <div class="btn-search">搜索</div>
        </div>
        <div class="right-header">
            <div class="user-header">
                <span class="span-user">
                    登录
                </span>
            </div>
            <div class="download-header">
                <img class="i-download" src="//img.alicdn.com/tfs/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png" alt="下载">
                <span class="span-box-header">下载</span>
                <div class="ewm-download">
                    <img class="i-ewm" src="../images/二维码.jpg">
                </div>
            </div>
        </div>

    </div>


    <div class="magin centre">
        <div class="buy-header">
            <div class="step-wrap">
                <div class="step">
                    <div class="circle active">
                        <div class="text">1</div>
                    </div>
                    <label>选择商品</label>
                </div>
                <div class="step">
                    <div class="circle active">
                        <div class="text">2</div>
                    </div>
                    <label>确认订单信息</label>

                </div>
                <div class="step">
                    <div class="circle">
                        <div class="text">3</div>
                    </div><label>支付订单</label>

                </div>
                <div class="step">
                    <div class="circle">
                        <div class="text">4</div>
                    </div>
                    <label>收取商品</label>

                </div>
            </div>
        </div>
    </div>

    <div class="container centre">
        <div class="title">
            <span>填写并确定订单信息</span>
        </div>
        <div class="address">
            <p>收货人信息</p>
            <div class="address_box">
                <div class="info">
                    <label for="">姓名：</label>
                    <input type="text" class="input_name">
                </div>
                <div class="info">
                    <label for="">电话：</label>
                    <input type="text" class="input_tel">
                </div>
                <div class="info">
                    <label for="">详细地址：</label>
                    <input type="text" class="input_add">
                </div>
            </div>
        </div>
        <div class="payment">
            <p style="font-size: 18px;">支付方式</p>
            <div class="pays">
                <div class="pay">
                    微信支付
                </div>
                <div class="pay">
                    支付宝支付
                </div>
                <div class="pay">
                    信用卡支付
                </div>

            </div>

        </div>

        <div class="orderinfor">
            <p style="font-size: 18px;">订单信息</p>
            <div class="catbox">
                <table id="cartTable">
                    <thead>
                        <tr>
                            <th>商品</th>
                            <th>价格</th>
                            <th>数量</th>
                            <th>小计</th>
                        </tr>
                    </thead>
                    <tbody>
                       
                    </tbody>
                </table>
                <div class="orderinfors">
                    姓名: <span class="order_name"></span>
                    电话: <span class="order_tel"></span>
                    详细地址: <span class="order_add"></span>
                    支付方式: <span class="order_pay"></span>
                </div>
                <div class="foot">
                    <div class="total">合计：￥<span id="priceTotal">0.00</span></div>
                    <div class="closing">支付</div>
                </div>
            </div>

        </div>

    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="centre">
            <ul class="footer__links">
                <li class="footer__links__list">帮助中心
                </li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">
                    公司介绍</li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">品牌识别</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">公司大事记</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">协议及隐私权政策</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">廉正举报</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">联系合作</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">招聘信息</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">防骗秘籍</a></li>


            </ul>
            <div class="footer-ft">
                <div class="footer__ft_fl">
                    <div class="footer__ft__logo">
                        <img src="../images/logo.png">
                    </div>
                    <div class="footer__ft__code__box">
                        <img class="footer__ft__code" src="../images/二维码.jpg">
                        <span>APP下载</span>
                    </div>
                </div>
                <div class="footer__ft_fr">
                    <div class="footer__fr__contact">
                        在线客服
                    </div>
                    <div class="ul-wrap">
                        <ul class="footer__ft__words">
                            <li class="footer__ft__certificate">京ICP证031057号</li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">京ICP备11043884号</li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">京公网安备11010502037341号
                            </li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">广播电视节目制作经营许可证(京)字第02253号</li>
                        </ul>

                        <ul class="footer__ft__words">
                            <li class="footer__ft__certificate">网络文化经营许可证 京网文[2019]4082-420号</li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">营业性演出许可证京市演587号</li>
                        </ul>
                        <ul class="footer__ft__words">
                            <li class="footer__ft__certificate">北京大麦文化传媒发展有限公司 版权所有</li>
                            <li class="footer__ft__certificate">大麦网</li>
                            <li>Copyright 2003-2020 All Rights Reserved</li>
                        </ul>
                        <ul class="footer__ft__words">
                            <li>举报投诉：damai_tousu@member.alibaba.com 浙江省杭州市余杭区文一西路969号</li>
                        </ul>
                        <ul class="footer__ft__words">
                            <li>违法不良信息举报电话：020-62108294</li>
                        </ul>
                    </div>

                    <div class="footer__ft__img">
                        <img class="footer__ft__img2" src="../images/电子执照.png">
                        <img src="../images/PCI.png" class="footer__ft__img3">
                        <img class="footer__ft__img4" src="../images/诚信网站.png">
                    </div>
                </div>

            </div>

        </div>



    </div>
    
    <script src="../js/ajax.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/interface.js"></script>
    
    <script src="../js/submitOrders.js"></script>
</html>